<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>${title}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <c:if test="${fn:contains(openIndex,'1')}">
        <c:if test="${printType == 'SLA(树脂)打印'}">
            <meta name="keywords" content="3d打印,3d打印模型,SLA打印,光敏树脂打印,透明树脂打印">
        </c:if>
        <c:if test="${printType == 'SLS(尼龙)打印'}">
            <meta name="keywords" content="3d打印,3d打印服务,SLS打印,尼龙打印,玻纤打印">
        </c:if>
        <c:if test="${printType == 'SLM(金属)打印'}">
            <meta name="keywords" content="3d打印,3d打印技术,SLM打印,金属打印,模具钢打印,不锈钢打印,钛合金打印,铝合金打印">
        </c:if>
        <c:if test="${printType == '陶瓷打印'}">
            <meta name="keywords" content="3d打印,3d打印材料,陶瓷打印,陶瓷3d打印,3d打印厂家">
        </c:if>
    </c:if>
    <c:if test="${fn:contains(openIndex,'2')}">
        <c:if test="${palm == '3D打印手板'}">
            <meta name="keywords" content="手板,3d打印手板,手板模型,手板制作,手板打样">
        </c:if>
        <c:if test="${palm == 'CNC手板'}">
            <meta name="keywords" content="CNC手板,塑胶手板,金属手板,手板制作,手板加工">
        </c:if>
    </c:if>
    <c:if test="${fn:contains(openIndex,'3')}">
        <c:if test="${palm == '硅胶覆膜'}">
            <meta name="keywords" content="硅胶复膜,硅胶模具,简易模,简易模注塑,快速模,快速模具">
        </c:if>
        <c:if test="${palm == '注塑模具'}">
            <meta name="keywords" content="注塑,模具,开模,注塑模具,塑胶模具,塑料模具,注塑模具加工,模具设计,模具制造,注塑厂">
        </c:if>
        <c:if test="${palm == '碳纤维加工'}">
            <meta name="keywords" content="碳纤维,碳纤维加工,碳纤维制造,碳纤维定制,碳纤维订做,碳纤维无人机,碳纤维材料,碳纤维制品">
        </c:if>
        <c:if test="${palm == '小批量制造'}">
            <meta name="keywords" content="小批量制造,3d打印,碳纤维制造,硅胶复膜,简易模注塑,快速模,快速模具">
        </c:if>
    </c:if>
    <c:if test="${fn:contains(openIndex,'4')}">
        <c:if test="${laserManufacturing == '激光三维电路'}">
            <meta name="keywords" content="激光三维电路,三维立体电路">
        </c:if>
        <c:if test="${laserManufacturing == '柔性线路板激光成型'}">
            <meta name="keywords" content="柔性线路板,柔性线路板厂家,FPC柔性线路板,FPC切割,FPC钻孔,柔性线路板切割,柔性线路板钻孔">
        </c:if>
        <c:if test="${laserManufacturing == '激光精密钻孔'}">
            <meta name="keywords" content="HDI精密激光钻孔,金属材料精密激光钻孔,非金属材料精密激光钻孔,激光钻孔,激光打孔">
        </c:if>
        <c:if test="${laserManufacturing == '精密部件个性化定制'}">
            <meta name="keywords" content="精密零件设计,精密零件制造,金属光栅片,陶瓷切割,陶瓷钻孔,激光焊接,激光打标">
        </c:if>
    </c:if>
    <meta name="description" content="${cases.sketch}" />">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/common/bootstrap/css/bootstrap.css?VERSION=0.01">
    <link rel="stylesheet" href="/assets/2.0/css/common.css?VERSION=0.01">
    <link rel="stylesheet" href="/assets/2.0/css/solution.css?VERSION=0.01">
    <link rel="stylesheet" href="/assets/2.0/css/price.css?VERSION=0.01">
    <link rel="stylesheet" href="/assets/2.0/css/case/case.css?VERSION=0.01">
    <style>
        .se{
            font-size: 18px;
            line-height: 24px;
            text-align: center;
            color: #555;
            padding:6px 10px 15px;
            margin: 0 20px 10px 20px;
            border-bottom:2px solid #555 ;
        }
    </style>
</head>
<body>
<jsp:include page="../include/index_header.jsp"></jsp:include>
<div class="section pt-all">
    <div style="width: 100%;background-color: #fff;">
        <div class="content-w  clearfix cases">
            <div class="fl case-left">
                <div class="craft  nav1 ">
                    <ul id="accordion" class="accordion">
                        <li <c:if test="${fn:contains(openIndex,'1')}">class="default open"</c:if> >
                            <div class="link" style="margin-top: 0;">3D 打 印<i class="fa glyphicon glyphicon-chevron-right"></i></div>
                            <ul class="submenu">
                                <li><a <c:if test="${fn:contains(printType, 'SLA(树脂)打印')}">class="active"</c:if> onclick="location='/case/sla.html'">SLA(树脂)打印</a></li>
                                <li><a <c:if test="${fn:contains(printType, 'SLS(尼龙/玻纤)打印')}">class="active"</c:if> onclick="location='/case/sls.html'">SLS(尼龙/玻纤)打印</a></li>
                                <li><a <c:if test="${fn:contains(printType, 'SLM(金属)打印')}">class="active"</c:if> onclick="location='/case/slm.html'">SLM(金属)打印</a></li>
                                <li><a <c:if test="${fn:contains(printType, '陶瓷打印')}">class="active"</c:if> onclick="location='/case/ceramics.html'">陶瓷打印</a></li>
                            </ul>
                        </li>
                        <li <c:if test="${fn:contains(openIndex,'2')}">class="default open"</c:if> >
                            <div class="link">手 板 制 作<i class="fa glyphicon glyphicon-chevron-right"></i></div>
                            <ul class="submenu">
                                <li><a <c:if test="${fn:contains(palm, '3D打印手板')}">class="active"</c:if> onclick="location='/cas' +
                                 'e/3DPrintPalm.html'">3D打印手板</a></li>
                                <li><a <c:if test="${fn:contains(palm, 'CNC手板')}">class="active"</c:if> onclick="location='/case/cncPalm.html'">CNC手板</a></li>
                            </ul>
                        </li>
                        <li <c:if test="${fn:contains(openIndex,'3')}">class="default open"</c:if> >
                            <div class="link">批 量 制 造<i class="fa glyphicon glyphicon-chevron-right"></i></div>
                            <ul class="submenu">
                                <li><a <c:if test="${fn:contains(batchManufacturing, '硅胶覆膜')}">class="active"</c:if> onclick="location='/case/silicone.html'">硅胶覆膜</a></li>
                                <li><a <c:if test="${fn:contains(batchManufacturing, '注塑模具')}">class="active"</c:if> onclick="location='/case/injectionMolding.html'">注塑模具</a></li>
                                <li><a <c:if test="${fn:contains(batchManufacturing, '碳纤维加工')}">class="active"</c:if> onclick="location='/case/carbon.html'">碳纤维加工</a></li>
                                <li><a <c:if test="${fn:contains(batchManufacturing, '小批量制造')}">class="active"</c:if> onclick="location='/case/small-lot-manufacturinig.html'">小批量制造</a></li>
                            </ul>
                        </li>
                        <li <c:if test="${fn:contains(openIndex,'4')}">class="default open"</c:if> >
                            <div class="link">激 光 制 造<i class="fa glyphicon glyphicon-chevron-right"></i></div>
                            <ul class="submenu">
                                <li><a <c:if test="${fn:contains(laserManufacturing, '激光钢网')}">class="active"</c:if> onclick="location='/case/steel-mesh.html'">激光钢网</a></li>
                                <li><a <c:if test="${fn:contains(laserManufacturing, '柔性线路板激光成型')}">class="active"</c:if> onclick="location='/case/circuit.html'">柔性线路板激光成型</a></li>
                                <li><a <c:if test="${fn:contains(laserManufacturing, '激光精密钻孔')}">class="active"</c:if> onclick="location='/case/hole.html'">激光精密钻孔</a></li>
                                <li><a <c:if test="${fn:contains(laserManufacturing, '激光三维电路')}">class="active"</c:if> onclick="location='/case/steel-laser.html'">激光三维电路</a></li>
                                <li><a <c:if test="${fn:contains(laserManufacturing, '精密部件个性化定制')}">class="active"</c:if> onclick="location='/case/metal.html'">精密部件个性化定制</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class=" right-material  fr ">
                <div class="case-content">
                    <div class="list-header clearfix">
                        <div class="list-header-nav text-left fl">
                            <span>
                                案例展示
                            </span>
                        </div>
                        <div class="search text-right fr">
                            <span> 当前位置: </span>
                            <a href="/"> 首页 > </a>
                            <a href="/case"> 案例展示 > </a>
                            <span>${casesItem}</span>
                        </div>
                    </div>
                    <div>
                        <div class="right right-detail">
                            <div class="text-title my-title" style="white-space: normal;">
                                ${cases.title}
                            </div>
                            <div class="content-info" >
                                <span style="margin-right: 20px;">人气：${cases.viewCount}</span><span>发表时间：${cases.created}</span>
                            </div>
                            <div class="text-content" style="margin-top: 30px;">
                                ${cases.content}
                            </div>
                            <div class="list-bottom">
                                <div class="bottom-others">
                                    <p style="margin-bottom: 5px;">
                                        上一篇：<c:if test="${empty frontCase}"> 没有更多了...</c:if>
                                        <c:if test="${!empty frontCase}"><a href="/case/${frontCase.id}.html">${frontCase.title}</a></c:if>
                                    </p>
                                    <p>
                                        下一篇：<c:if test="${empty backCase}"> 没有更多了...</c:if>
                                        <c:if test="${!empty backCase}"><a href="/case/${backCase.id}.html">${backCase.title}</a></c:if>
                                    </p>
                                    <a href="/case.html" class="back fr">返回列表</a>


                                </div>
                                <div class="bottom-about">
                                    <div class="about-title"><em class="glyphicon glyphicon-send" style="color: #f2c41f;margin-right: 3px;"></em> 相关案例</div>
                                    <div class="about-link lf" style="padding-right: 10px;">
                                        <ul>
                                            <c:forEach var="item" items="${relevantCases}">
                                                <li>
                                                    <a href="/case/${item.id}.html">
                                                        <em class="glyphicon glyphicon-bullhorn"></em> ${item.title} <span class="fr">${item.created.substring(0, 10)}</span>
                                                    </a>
                                                </li>
                                            </c:forEach>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="../include/index_footer.jsp"></jsp:include>

<script>
    $.ajax({
        url: "/view_count",
        type: "GET",
        dataType: "JSONP",
        async:false,
        data: {_: Math.random(),"type":"caseViewCount","id":${cases.id}},
        success: function(data) {}
    });
</script>
<script type="text/javascript">
    var Accordion = function(el, multiple) {
        this.el = el || {};
        this.multiple = multiple || false;

        // Variables privadas
        var links = this.el.find('.link');
        // Evento
        links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
    }
    //为手风琴Accordion添加下拉菜单事件：
    Accordion.prototype.dropdown = function(e) {
        var $el = e.data.el;
        $this = $(this),
            $next = $this.next();

        $next.slideToggle();
        $this.parent().toggleClass('open');

        if (!e.data.multiple) {
            $el.find('.submenu').not($next).slideUp().parent().removeClass('open');
        };
    }
    //然后可以通过下面语句调用手风琴下拉菜单：
    var accordion = new Accordion($('#accordion'), false);

</script>
</body>
</html>